<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image</title>
</head>
<body>
    <!--img标签_src属性-->

    <!--绝对路径-->
    <p> 
    网址路径：<br/>
    <img src="https://ts3.tc.mm.bing.net/th/id/OIP-C.lOycmtB4bcn4WBNXnULQygHaHa?rs=1&pid=ImgDetMain&o=7&rm=3">
    </p>
    <p>
    本地路径：<br/>
    <img src="D://Picture/061001.jpg">
    </p>


    <!--相对路径-->
    <!--./xxx.png  表示当前目录下的xxx.png文件-->
    <!--../xxx.png  表示上级目录下的xxx.png文件-->
    <!--./test/xxx.png  表示当前目录下的test目录下的xxx.png文件-->
    <p> 
    表示当前目录下的xxx.png文件<br/>
    <img src="./test.png">
    </p>
    <p> 
    表示上级目录下的xxx.png文件<br/>
    <img src="../test.png">
    </p>
    <p> 
    表示当前目录下的test目录下的xxx.png文件<br/>
    <img src="./test/test.png">
    </p>
    

    <!--1. alt属性：图片描述，当图片无法显示时，会显示alt属性的值-->
    <!--2. title属性：图片提示，鼠标悬停时显示-->
    <!--3. width/height属性：设置图片的宽高-->
    <!--4. border属性：设置图片的边框，参数是宽度的像素，但是一般用CSS来设定-->

    <p>
    本地路径：<br/>
    <img src="D://Picture/061001.jpg" alt="化龙妙法失败" title="丹恒老婆" width="600px" height="300px" border="1px">
    </p>
    <!--img标签内的属性没有固定顺序，使用空格或者换行来分隔-->



</body>
</html>